<template>
  <div class="drugStorage">
    <div class="drugStorage-page">
      <div class="drugStorage-page-content">
        <div class="drugStorage-page-form">
          <el-input style="width: 300px" placeholder="请输入内容" />
        </div>
        <div>
          <el-tabs v-model="activeName" class="custom-tabs">
            <el-tab-pane
              v-for="tab in tabValue"
              :key="tab.name"
              :label="tab.label"
              :name="tab.name"
            >
            </el-tab-pane>
          </el-tabs>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
interface TabItem {
  label: string;
  name: string;
}

const tabValue: TabItem[] = [
  { label: '个人', name: 'private' },
  { label: '共用', name: 'share' },
];
const activeName = ref('clinicInfo');
</script>

<style lang="scss" scoped>
.drugStorage {
  height: 100%;
}
.drugStorage-dialog {
  width: 80%;
  margin: 0 auto;
}
.drugStorage-page {
  background: #fff;
  border-radius: 6px;
  height: 100%;
  .drugStorage-page-nav {
    display: flex;
    align-items: center;
    justify-content: left;
    border-radius: 4px;
    border-bottom: 1px solid #e7e7e7;
    .el-dropdown-link {
      background: rgba(22, 173, 164, 0.08);
      border-radius: 0px 0px 0px 0px;
      padding: 16px 21px;
      cursor: pointer;
      color: var(--el-color-primary) !important;
      display: flex;
      font-size: 16px;
      align-items: center;
    }
  }
  .drugStorage-page-content {
    padding: 10px 24px;
    height: calc(100% - 50px);
    .drugStorage-page-form {
      display: flex;
      align-items: center;
      .drugStorage-page-form-right {
        margin-left: auto;
      }
    }
    .drugStorage-page-table {
      margin-top: 22px;
      height: calc(100% - 58px);
    }
    .drugStorage-page-pagination {
      margin-top: 24px;
      display: flex;
      align-items: center;
      .drugStorage-page-pagination-total {
        margin-right: auto;
        font-family: Microsoft YaHei, Microsoft YaHei;
        font-weight: 400;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.6);
        text-align: left;
        font-style: normal;
        text-transform: none;
      }
    }
  }
}
</style>
